@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,span{ margin:0; padding:0; list-style:none}
body{background:#fafafa; font-family:"微软雅黑"; color:#333}
img,a img{ border:none;}
a:link,a:visited{ color:#333; text-decoration:none}
a:hover{ color:#91dd5f;transition:all 0.3s}
.margin_10{ height:10px; display:block; clear:both}
.margin_20{ height:20px; display:block; clear:both}
.margin_30{ height:30px; display:block; clear:both}
.margin_50{ height:50px; display:block; clear:both}
.mt30{padding-top:30px;}
.clear{ clear:both}
.arial{font-family:Arial, Helvetica, sans-serif}
a:link,a:visited,a:hover{ cursor:pointer}

.m_b20{margin-bottom:20px}

/*头部样式*/
#header{ height:105px; width:100%;background:#fff; position:relative; z-index:10;}
#header .bgA_01{ width:1240px; margin:0 auto; height:100%;padding:0 20px; position:relative;}
#header:after{ content: "."; margin:0 auto; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#header .logoField{ padding:18px 0 0; height:90px; float:left;}
#header .logoField .logo{ display:block;width:200px; overflow:hidden;}
#header .logoField .logo img{ display:block;}

#header .telNumField{ position:absolute; right:20px; top:6px;}
#header .telNumField a{ display:inline-block;zoom:1;*display:inline; background: url(../images/line_01.gif) 100% 50% no-repeat; padding: 0 10px }
#header .telNumField .lastlink{ background:none; padding-right:20px}
#header .telNumField a:hover{ color:#2e7eae; }
#header .telNumField h1{ display:inline-block;zoom:1;*display:inline; padding:0 0 0 30px; line-height:40px; background:url(../images/icon_telNum_01.gif) -10px -40px no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#272626;}

#header .navField{padding:30px 0 0; z-index:9999}
#header .navField ul{ font-size:0; margin:0 -15px 0 0; text-align:right;}
#header .navField li{ display:inline-block; vertical-align:top; text-align:center; line-height:75px; font-size:16px; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -moz-transition: -moz-transform 0.3s, background-color 0.3s; -ms-transition: -ms-transform 0.3s, background-color 0.3s; -o-transition: -o-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s;}
#header .navField li a{ display:inline-block; padding:0 15px; line-height:56px;  color:#777; text-align:center; position:relative; background:99% -34px no-repeat; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
#header .navField li.link2,#header .navField li.link3,#header .navField li.link4{ padding:0 3px 0 0;}
#header .navField li.link2 a,#header .navField li.link3 a,#header .navField li.link4 a{ background-image:url(../images/icon_arrow_04.gif);}
#header .navField li a:hover, #header .navField li a.on, #header .navField li.act a{ text-decoration:none; color:#91dd5f; background-position:99% 26px;}
#header .navField li.act{ background:#f2f2f2;}

#header .menuField{ position:absolute; width:100%; top:105px; background:#f2f2f2; box-shadow: 5px 5px 8px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.2);}
#header .menuField .child{ max-width:1158px; width:96%; margin:0 auto; padding:0 20px; text-align:center; display:none; z-index:9999}
#header .menuField .current{ display:block;}
#header .menuField .child:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#header .menuField .child dl{ color:#222; position:relative; text-align:center; padding:20px}
#header .menuField .child a{ color:#666;font-size:14px; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
#header .menuField .child a:hover{ text-decoration:none; color:#91dd5f;}
#header .menuField .child dl dt{ font-size:16px; line-height:50px;}
#header .menuField .child dl dd{ font-size:14px; line-height:28px; display:inline-block; padding:0 20px;}

#header .menuField .child .servic{ width:100%; max-width:1092px; display:inline-block;zoom:1;*display:inline; vertical-align:top;}
#header .menuField .child .servic .table_00{ width:100%; padding:0; margin:0; table-layout:fixed}
#header .menuField .child .servic .table_00 td{ text-align:center; padding:40px 0;}
#header .menuField .child .servic .table_00 td .list{ display:inline-block;zoom:1;*display:inline; width:100%; text-align:center}
#header .menuField .child .servic .table_00 td .list i{display:block; height:62px;background-position:0 100%; background-repeat:no-repeat;text-align:left; width:118px; display:inline-block;zoom:1;*display:inline  }
#header .menuField .child .servic .table_00 td .list i a{ display:block; width:100%; height:100%;}
#header .menuField .child .servic .table_00 td .list .icstyle_01{ background-image:url(../images/icon_header_lk1.png)}
#header .menuField .child .servic .table_00 td .list .icstyle_02{ background-image:url(../images/icon_header_lk2.png)}
#header .menuField .child .servic .table_00 td .list .icstyle_03{ background-image:url(../images/icon_header_lk3.png)}
#header .menuField .child .servic .table_00 td .list .icstyle_04{ background-image:url(../images/icon_header_lk4.png)}
#header .menuField .child .servic .table_00 td .list .icstyle_05{ background-image:url(../images/icon_header_lk5.png)}
#header .menuField .child .servic .table_00 td .list .icstyle_06{ background-image:url(../images/icon_header_lk6.png)}

#header .menuField .child .servic .table_00 td .list h2{ padding:18px 0 17px; border-bottom:1px solid #d8d8d8; color:#000000; text-align:left; width:118px; display:inline-block;zoom:1;*display:inline }
#header .menuField .child .servic .table_00 td .list h2 a{color:#000000; text-decoration:none; font-size:22px;  -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
#header .menuField .child .servic .table_00 td .list ul{ padding:6px 0 0}
#header .menuField .child .servic .table_00 td .list ul li{  text-align:center}
#header .menuField .child .servic .table_00 td .list ul li a{ display:block;  width:100%; display:inline-block;zoom:1;*display:inline ;padding:6px 0; font-size:14px; text-align:center}
#header .menuField .child .servic .table_00 td .list ul li a span{  width:118px; display:inline-block;zoom:1;*display:inline ; text-align:left}
#header .menuField .child .servic .table_00 td .list ul li a:hover{ background:#91dd5f; color:#fff;}
#header .menuField .child .servic .table_00 td:hover{ background:#ececec;}
#header .menuField .child .servic .table_00 td:hover i{ background-position:0 0}
#header .menuField .child .servic .table_00 td:hover i.istyle2{ background-position:0 4px}
#header .menuField .child .servic .table_00 td:hover i.istyle3{ background-position:0 8px}
#header .menuField .child .servic .table_00 td:hover i.istyle4{ background-position:0 6px}
#header .menuField .child .servic .table_00 td:hover i.istyle5{ background-position:0 5px}
#header .menuField .child .servic .table_00 td:hover i.istyle6{ background-position:0 7px}
#header .menuField .child .servic .table_00 td:hover .list h2 a{ color:#91dd5f}
#header .langField{ position:absolute; right:20px; top:30px; width:84px; background:#fff; padding:0 0 0 10px; display:none; z-index:2;}
#header .langField a{  -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
#header .langField a:hover{ text-decoration:none; color:#00aeff;}

/*轮播图*/
#slider-wrapper {background:url(../images/slider.png) no-repeat; width:100%; height:550px;margin:0 auto; z-index:0}
#slider {position:relative;width:100%;height:550px;background:url(../images/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute;	top:0px;left:0px;display:none; width:100%}
#slider a {	border:0;display:block;}
.nivo-controlNav {position:absolute;bottom:50px; left:47.5%}
.nivo-controlNav a {display:block;	width:22px;	height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {	background-position:0 -22px;}
.nivo-directionNav a {display:block;width:35px;height:68px;	background:url(../images/arrows.png) no-repeat;	text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}
.nivo-caption {  text-shadow:none;  font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a {color:#efe9d1;text-decoration:underline}
.nivoSlider {position:relative; z-index:0}
.nivoSlider img {position:absolute;top:0px;	left:0px;
}
/*轮播图文字*/
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
.nivo-slice {display:block;	position:absolute;z-index:0;height:100%;}
.nivo-caption {	position:absolute;left:0px;	bottom:0px;	background:#000;color:#fff;	opacity:0.8;width:100%;	z-index:89;	text-align:center; font-size:14px}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute;top:45%;z-index:99;	cursor:pointer;}
.nivo-prevNav {	left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative;	z-index:99;	cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

/*热点公告*/
.gonggao{ width:1240px; height:50px; margin:0 auto; background:#fff; border-bottom:1px solid #eee}
.gonggao img { float:left; width:40px; margin-top:10px}
.gonggao .gg-tle {font-size:16px;color: #3e3e3e;float: left;margin-left: 10px;margin-right: 20px; line-height:50px}
.gonggao span{ color:#91dd5f}
.gonggao .gg-details{width:1000px;height: 50px;float: left;overflow: hidden;line-height:50px}
.gonggao .gg-details a{ color:#ff1e00}

/*我们的服务*/
.floor-content{ padding-top:50px; height:330px;}
.floor-content1{ display:none; width:1120px; height:240px; margin:0 auto;}
.floor-content3 li { float:left; position:relative; background-color:#FFF; width:230px; height:240px; margin:0 8px; overflow:hidden; display:inline; border:1px solid #e8e8e8}
.business_ho{ position:absolute; top:0; left:0; background:url(../images/business_ho.jpg) no-repeat; width:230px; height:240px; display:none;}
.business_icon{ position:absolute; top:5px; z-index:10; width:100px; height:122px;}
.business_icon1{ right:66px;}
.business_icon2{ left:-122px;}
.business_text{ position:absolute; top:120px; z-index:10; width:200px;}
.business_text1{ left:18px;}
.business_text2{ right:-220px;}
.business_title{ text-align:center;}
.business_title a{ color:#1d1d1d; font-size:18px; font-weight:bold;}
.business_intro{ line-height:22px; height:66px; overflow:hidden; padding-top:10px; text-align:center; font-size:12px; color:#999}
.floor-content3 { width:1240px; margin:0 auto; height:300px}
.floor-content3 ul{ width:1240px;}
.box-b {bottom:-630px;}
.floor_on .business_title a{ color:#FFF;}
.floor_on .business_intro{ color:#FFF;}

/*我们的团队*/
.floor5{ background:url(../images/team_img.jpg) no-repeat center; width:100%; height:760px;}
.team{ width:100%; height:700px; margin:0 auto; position:relative;}
.team_ask{ color:#FFF; font-size:20px; width:800px; line-height:36px; height:72px; overflow:hidden; padding-top:140px; margin:0 auto 38px auto; text-align:center;}
.team_move{ position:absolute; left:50%; margin-left:-550px; width:1100px; height:234px;}
.team_l,.team_r{ position:absolute; top:80px; z-index:10; width:40px; height:78px; display:block;}
.team_l{ background:url(../images/team_Lac.png) no-repeat; left:-80px;}
.team_r{ background:url(../images/team_Rac.png) no-repeat; right:-80px;}
.team_Mlist{ width:1100px; height:274px; overflow:hidden;}
.team_Mlist li{ float:left; width:130px; height:188px; margin:0 5px; display:inline; cursor:pointer; transition: width 0.5s ease 0.01s, height 0.5s ease 0.01s, margin 0.5s ease 0.01s; }
.team_Mlist li img{ margin-left:25px; margin-top:76px; opacity:0.5; transition: width 0.5s ease 0.01s, height 0.5s ease 0.01s, opacity 0.5s ease 0.01s,margin-top 0.5s ease 0.01s,margin-left 0.5s ease 0.01s,background 0.02s ease 0.01s}
.team_Mlist li img,.team_Mlist li span{ display:block;}
.team_job{ color:#fff; height:24px; padding-top:8px; text-align:center;}
.team_Mlist li.team_on,.team_Mlist li:hover{ width:234px; height:270px; margin:0 18px 0 8px;}
.team_Mlist li.team_on img,.team_Mlist li:hover img{ width:220px; height:220px; padding:7px; background:rgba(0,0,0,0.1); border-radius:50%; margin-top:0; margin-left:0; opacity:1;}
.team_Mlist li:hover span,.team_Mlist li.team_on span{ color:#FFF; font-size:18px; padding-top:12px;}
.team_Fimg{ position:absolute; top:0; left:50%; margin-left:-960px; z-index:-1; width:1920px; height:700px;}
.team_Fimg img{ float:left;}

/*友情链接*/
.wd1100{ clear:both; margin:0 auto;width:1240px;line-height:30px; padding:5px 0;}
.love_link a{ color:#454545; margin-right:20px; font-size:12px;word-break:keep-all;white-space:nowrap;}
.love_link a:hover{ color:#9C0}
/*联系我们*/
.contact {	float: right;width:350px;padding: 0 120px 0 0}
.contact p {width: 352px; border-bottom:1px solid #eee;padding-left: 30px;font: 14px/46px "microsoft yahei";	color: #fff;	background: url(../images/con4tel.png) 3px 10px no-repeat; text-align:left}
.contact p.zip {background-position: 3px -25px}
.contact p.tel {background-position: 3px -64px}
.contact p.fax {background-position: 3px -101px}

.content{width:96%; font-size:14px; margin:0 auto; max-width:1240px;animation-duration: 1s;-webkit-animation-duration: 1s;animation-name: content_animate;-webkit-animation-name: content_animate;}
.contentus{width:96%; height:340px; font-size:1em; margin:0 auto; max-width:1240px;animation-duration: 1s;-webkit-animation-duration: 1s;animation-name: content_animate;-webkit-animation-name: content_animate;}
.header{ font-size:0.8125em;}
.header_line{background:#eee; height:36px; line-height:36px;animation-duration: 1s;-webkit-animation-duration: 1s;animation-name: top_animate;-webkit-animation-name: top_animate;}
.header_line dt{ float:left}
.header_line dd{float:right;_padding:7px 0 0}
.header_line dd a.a{width:23px; height:20px; margin:0 0 0 10px;display:inline-block; vertical-align:middle;background:url(../images/ico.png);}
.header_line dd a.b{ width:23px; height:20px; margin:0 0 0 10px;display:inline-block; vertical-align:middle;background:url(../images/ico.png) -32px 0}
.header_line dd a:hover.a{background-position: 0 -20px}
.header_line dd a:hover.b{background-position: -32px -20px}
span.arial a{color:red; font-size:1.230769em;vertical-align:middle}
.header_line dd span.arial{ font-size:1em}
.top_shadow{ background:url(../images/top_shadow.jpg) repeat-x; height:25px; clear:both}
.t1{ padding:20px 0 0; max-width:1260px; margin:0 auto;animation-duration: 1.1s;-webkit-animation-duration: 1.1s;animation-name: nav_animate;-webkit-animation-name: nav_animate;}
.logo{width:20%; float:left;}
.logo{margin:0}
.nav{float:right;white-space:nowrap; display:inline-block;*display:inline;*zoom:1; text-align:right; width:75%; font-size:0.9375em;line-height:4.5em;}
.nav li{ display:inline-block;*display:inline;*zoom:1; padding:0 1.2em;}
.nav dl{ display:none}
li.current{ background:url(../images/jt.png) bottom center no-repeat}
li.current a:link,li.current a:visited{ color:#91dd5f;}
.banner{ display:block; clear:both;}
.load_index{ background:url(http://g.wxkj.net/images/mask_white_95.png); width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none}
.load_index ul{ width:100%; height:100%; display:block;  background:url(http://g.wxkj.net/images/loading3.gif) no-repeat center}
div.a_title{ display:block; text-align:center; padding:30px 0 20px 0;}
div.a_title dt{ font-size:1.9em; font-weight:bold; color:#91dd5f}
div.a_title strong{ margin:0 10px; color:#999; font-size:0.8em}
div.a_title span{color:#ddd}
div.a_title dd{ font-size:14px; line-height:1.6em; padding:15px 0; color:#777}
div.b_title{ display:block; text-align:center; padding:40px 0 20px 0; color:#eee}
div.b_title dt{ font-size:1.9em; font-weight:bold;}
div.b_title strong{ margin:0 10px; font-size:0.8em}
div.b_title dd{ font-size:14px; line-height:1.6em; padding:15px 0; color:#fff}
div.a_title dd.t2{ font-size:2em}

div.news_title{ display:block; text-align:center; padding:30px 0 20px 0;}
div.news_title dt{ font-size:36px; font-weight:bold; color:#91d451}
div.news_title dd{ font-size:12px; line-height:1.6em; color:#888; padding-top:10px;}
div.news_title span{color:#ddd}

.adv{ display: inline-table; *display:inline-table;*zoom:1;width:100%}
.adv dl{ display:table-row;*display:inline-table;*zoom:1;}
.adv dd{display:table-cell;*display:inline;*zoom:1; padding:0 0 0.8em 0; vertical-align:middle}
.adv dd.a{ width:45%; text-align:right; font-size:16px}
.adv dd.b{ text-align:center; font-size:1.5em; position:relative}
.adv dd.b span{ background:#777; width:50px; height:50px; line-height:50px; margin:0 auto; border-radius:25px; color:#fff; font-weight:bold;display:inline-block;*margin:0 1em}
.adv dd.b span.ind{background:#91dd5f}
.adv dd.c{ width:45%; color:#777; font-size:16px}
dd.bold{ font-weight:bold; font-size:1.4em;}
.bg{background:#eee; padding:0 0 30px 0}

.bottom{ clear:both; background:url(../images/bottom.jpg) bottom center; margin:0; padding:1em 0 2em 0; text-align:center; color:#777}
.bottom a:link,.bottom a:visited{ color:#777}
.bottom a:hover{ color:#eee}
.bottom_content{ font-size:0.875em; clear:both}
.b_b{float: left;margin-left:100px;width:600px;}
.b_b dd{ margin:0 0 1em 0; font-size:14px; color:#fff; text-align:left}
.b_b a:link,.b_b a:visited{ background:#669933; padding:0.5em 2em; margin:1em auto auto;color:#fff;font-weight:bold; vertical-align:middle; color:#fff}
.b_b a:hover{ background:#C60}
#img_code{ height:2.46em; vertical-align:middle;cursor:pointer}
.code_box{ display:none}
.show_err{color:#91dd5f}
.copyright,.index_bottom{padding:1em; text-align:center; font-size:0.875em; line-height:1.8em; clear:both;}
.copyright { background:#eee; border-top:5px solid #ddd; color:#666; }
.index_bottom{background:#91d451; color:#fff; }
.copyright a:link,.copyright a:visited{ color:#666}
.copyright a:hover{ color:#C63; text-shadow:0 0 6px #ccc}

.index_bottom a:link,.index_bottom a:visited{ color:#fff}
.index_bottom a:hover{ color:#C63; text-shadow:0 0 6px #ccc}

/*客户案例*/
.case_list{ width:1240px; margin:0 auto; font-size:16px;}
.case_list .list{ margin-top:40px;}
.case_list .list li{ float:left; width:380px; border-bottom:3px solid #d2d1d1; margin-right:30px; margin-bottom:40px; position:relative;}
.case_list .list li .img{ position:relative; width:380px; height:250px; overflow:hidden;}
.case_list .list li .img img{ position:absolute; left:50%; top:50%; width:380px; height:250px; margin:-125px 0 0 -190px; max-width:none;}
.case_list .list li .img span{ display:block; position:absolute; left:5px; top:5px; width:100%; height:100%; cursor:pointer;}
.case_list .list li .title{ height:42px; line-height:42px; padding:0 5px; font-weight:bold; color:#000;}
.case_list .list li .categoryname{ height:38px; line-height:38px; padding:0 5px; color:#999;}
.case_list .list li .case_list_icon{ position:absolute; width:44px; height:19px; right:8px; bottom:9px;}
.case_list .list li .case_list_icon .pc{ display:block; float:left; width:20px; height:19px; background:url(../images/case_list_icon.png) no-repeat left bottom;}
.case_list .list li .case_list_icon .mobile{ float:right; display:block; width:11px; height:19px; background:url(../images/case_list_icon.png) no-repeat right center;}

.case_list .list .li{ border-color:#91d451;}
.case_list .list .li .img span{ width:370px; height:240px; border:5px solid #91d451; left:0; top:0;}
.case_list .list .li .title{ background:#91d451;}
.case_list .list .li .title a{ color:#fff;}

.station1_nav{ padding:29px 0; text-align:center; position:relative; background:#fff}
.station1_nav ul{ position:relative; z-index:2; text-align:center; overflow:hidden;}
.station1_nav ul li{ display:inline-block; background:#fff;}
.station1_nav ul li a{ display:block; width:150px; height:50px; background:url(../images/station22.png) no-repeat center top; font-size:18px; color:#fff; line-height:50px;}
.station1_nav ul li a:hover{ background-position:center bottom; position:relative;}
.station1_nav ul li.on a{ background-position:center bottom;height:50px;}
.station1_nav_bg{ height:1px; position:absolute; left:0; top:50%; width:100%; background:#e6e6e6; z-index:1;}

/*客户案例详细*/
.cat_title{overflow:hidden;padding:35px 0;height:60px;border-bottom:1px solid #d8d9d8;}
.cat_title h2{font-size:48px;display:inline-block;zoom:1;*display:inline;vertical-align:middle;color:#999}
.cat_title p{display:inline-block;zoom:1;*display:inline;vertical-align:middle;color:#999;margin-left:10px; font-size:12px}
.cat_title strong{font-size:60px;font-family:Arial;font-weight:bold;color:#91dd5f;margin-right:6px;vertical-align:middle;}
.cat_title .more{font-size:24px;position:absolute;right:10px;top:50px;}
.wrapper {width:1000px;margin:0 auto;position:relative;}
.vwrapper {width:1200px;margin:0 auto;position:relative;}
#show_cases article{padding:20px 0;background-position:center 190px;_background-position:center 0;background-attachment:fixed;}
#show_cases #overview{width:200px;height:100%;position:absolute;right:0;text-align:left; font-size:12px}
#show_cases #overview .overview_bg{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;filter:alpha(opacity=80);opacity:0.8;}
#show_cases #overview img{background:#333;margin-top:15px;border:15px solid #333;}
#show_cases #overview #case_info{position:absolute;top:0;left:0;padding:0 20px}
#show_cases #overview #case_info h1{font:bold 16px/35px Microsoft YaHei;}
#show_cases #overview #case_info ul{padding:10px 0;}
#show_cases #overview #case_info li{text-align:left;padding:6px 0;line-height:2;border-bottom:1px dotted #aaa;}
#show_cases #overview #case_info p{line-height:2;padding:10px 0;text-align:left;}
#show_cases #overview #case_info .brief{text-indent:2em;line-height:1.8;}
#show_cases #overview .btn_blue{display:block;width:210px;height:40px;font:bold 14px/40px Microsoft YaHei;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-shadow:-1px -1px rgba(51,51,51,0.3);}
#show_cases #detailed{width:716px;line-height:1.8;text-align:justify;color:#666;}
#show_cases #detailed img{border:8px solid #fff;border:8px solid rgba(255,255,255,0.8);background:url(../images/bg_loading_anim.gif) center no-repeat #fff;}

#case_footer{background:#f5f4f4;border-top:1px solid #d8d9d8;padding:15px 0;}
#case_footer .showother{height:20px;line-height:20px;}
#case_footer .showother a span{display:block;width:20px;height:20px;overflow:hidden;position:relative;}
#case_footer .showother a span img{position:absolute;}
#case_footer .showother a{display:block;width:95px;height:20px;line-height:20px;position:absolute;top:0;color:#666; font-size:12px}
#case_footer .showother a:hover{text-decoration:none;color:#91dd5f;}
#case_footer .showother .previous{left:0;}
#case_footer .showother .previous span{float:left;}
#case_footer .showother .backlist{left:50%;margin-left:-20px;width:20px;text-indent:-9999px;overflow:hidden;background:url(../images/sprite_arrows.png) 0 -40px no-repeat;}
#case_footer .showother .backlist:hover{background-position:-20px -40px;}
#case_footer .showother .next{right:0;}
#case_footer .showother .next span{float:right;}
#case_footer .showother .next span img{top:-20px;}
#show_thumb{display:none;position:absolute;bottom:25px;width:82px;height:57px;background:url(../images/sprite_arrows.png) center bottom no-repeat;}
#show_thumb img{border:3px solid #111;position:absolute;top:0;left}


/*表单样式*/
.input{font-size:0.9em; height:2em; line-height:2em; padding:0.3em 0.5em; background:#eee; border:solid 1px #f3f3f3; font-family:'微软雅黑'}
input.a{width:70%; }
textarea.b{vertical-align:top;width:70%; height:100px}
input.c{ width:60px; vertical-align:middle}
.yanzheng{font-size:0.9em; height:2em; line-height:2em; padding:0.3em 0.5em; background:#eee; border:solid 1px #f3f3f3; font-family:'微软雅黑'; width:100px; text-align:left}
#submit{ clear:both; margin-left:220px;}


/*---关于我们---*/
.about_ban{ height:450px}
.webbg{ width:100%; background:#f4f4f4 url(../images/index_54.jpg) no-repeat center top; position:relative;}
.about{ width:1240px; margin:0px auto; padding:70px 0px 100px; height:280px}
.about dl{ margin:0px; padding:0px;}
.about dl dt{float: left;width: 406px;padding: 27px 67px 27px;border-bottom: 1px solid #dbdbdb;border-top: 1px solid #dbdbdb; margin-top:11px;}
.about dl dt h3{ font-size:53px; font-weight:bold;line-height:53px;color:#91dd5f; margin-bottom:10px;}
.about dl dt h3 span{display: inline-block;padding: 0px 10px;margin-left: 8px;background: #91dd5f;font-family: Impact,Arial;color: #FFF;float:right;}
.about dl dt h4{ font-size: 62px;font-weight: bold;color: #91dd5f;padding-bottom: 20px;line-height: 65px; }
.about dl dt h5 {background: #91dd5f;font-size: 40px;line-height: 50px;padding: 0px 0px 5px;font-weight: bold;text-align: center;color: #fff; margin-bottom:8px;}
.about dl dt p{ font-size: 33px;line-height: 34px;padding: 8px 0px 0px;font-weight: bold;text-align: center;color: #545454;}
.about dl dt p span{color: #91dd5f;}
.about dl dd{ float:right; width:620px; font-size:14px; color:#8e8e8e; line-height:30px;}
.about dl dd span{color:#91dd5f;font-weight:bold;}

.about01{width:100%; height:523px; position:relative; overflow:hidden;}
.about01 img{ display:block; position:relative; width:1900px; margin-left:-950px; left:50%;}
.about01 dl{ width:1180px; position:absolute; margin-left:-590px; left:50%; top:0px;}
.about01 dl h3{ font-size:35px; line-height:36px; color:#FFF; text-align:right; font-weight:bold; line-height:40px; padding:45px 90px 0px 0px;}
.about01 dl h3 span{ display:inline-block; text-align:left;}
.about01 dl h4{ font-size:32px; line-height:34px; color:#FFF; text-align:right; font-weight:bold; line-height:40px; padding:45px 235px 0px 0px;}
.about01 dl h4 span{ display:inline-block; text-align:left; width:441px; height:100px; background:url(../images/index_184.gif) no-repeat; padding:14px 0px 0px 18px;}
.about01 dl h4 span em{ color:#91dd5f;}
.about01 dl h5{ font-size:32px; line-height:34px; color:#FFF; text-align:right; font-weight:bold; line-height:40px; padding:45px 90px 0px 0px;}
.about01 dl h5 span{ display:inline-block; text-align:left;}


.about02{ width:1240px; margin:0px auto; padding:70px 0px; height:240px}
.about02 dl{float:left;}
.about02 dl dt{width:290px; font-size:40px; color:#eb3900;}
.about02 dl dt h3{font-weight:bold;line-height:50px;}
.about02 dl dt h4{font-weight:bold;line-height:50px; padding-top:80px;}

.about02_left{ float:right; width:760px;}
.about02_left ul{ margin:0px; padding:0px; height:145px;}
.about02_left ul li{ float:left; width:180px; height:140px; margin-right:13px;}
.about02_left ul li h3{ font-size:18px; color:#FFF; font-weight:bold; text-align:right; padding-right:15px; padding-top:100px;}
.about02_left ul li.aboutwangzhan{ background:url(../images/index_185.png) no-repeat #1fbc77;}
.about02_left ul li.aboutdianzi{ background:url(../images/index_186.png) no-repeat #fe8911;}
.about02_left ul li.aboutyidong{ background:url(../images/index_187.png) no-repeat #fe6963;}
.about02_left ul li.aboutxitong{ background:url(../images/index_188.png) no-repeat #91dd5f; margin-right:0px;}
.about02_left p{ font-size:16px; color:#8c8c8c; padding-top:40px;}

.about03{ width:100%; background:url(../images/index_189.jpg) no-repeat center top; height:523px;}
.about03 dl{ margin:0px auto; width:1180px;}
.about03 dl dd{float:right; width:545px;color:#FFF; padding:100px 0px 0px 0px;}
.about03 dl dd p{font-size:15px;}
.about03 dl dd p.about03font14{font-size:14px;}
.about03 dl dd h3{ font-size:21px; line-height:30px; font-weight:bold; padding:30px 0px; text-align: left}

.kin{ width:100%; display:inline-table;*display:inline;*zoom:1; height:250px;}
.kin ul{display:table-row;*display:inline;*zoom:1;}
.kin ul a{ display:table-cell; width:33%; text-align:center;*display:inline;*zoom:1;}
.kin ul dl{ padding:0 3em; line-height:1.5em; font-size:0.8125em;}
.kin ul dl h4{ padding:1em 0; font-size:1.5em}
.kin ul dl dt span{ width:90px; height:89px; display:block; margin:0 auto; background:url(../images/ico.png)}
.kin a.a span{ background-position:0 -196px}
.kin a:hover.a span{ background-position:0 -285px}
.kin a.b span{ background-position:-90px -196px}
.kin a:hover.b span{ background-position:-90px -285px}
.kin a.c span{ background-position:-179px -196px}
.kin a:hover.c span{ background-position:-179px -285px}
.kin a:hover{ color:#444}
.kin a:hover h4{ color:#91dd5f}

/*---联系我们---*/
.fanganbanner{ width:100%; height:600px; overflow:hidden; position:relative;}
.fanganbanner img{ width:1900px; position:absolute; left:50%; margin-left:-950px;}

.ContactFormbox{position:absolute; width:1180px;left:50%; margin-left:-590px; top:37px;}
.ContactForm{ float:right; width:490px; height:515px;background:#7ebc41;}
.ContactForm h3{ font-size:28px; line-height:30px; color:#FFF; text-align:center; padding:25px 0px;}
.ContactForm ul{ margin:0px; padding:0px 35px;}
.ContactForm ul li{ margin:0px; padding:0px; min-height:46px; height:auto !important; height:46px;}
.ContactForm ul li label{ display:block; padding:6px 10px; height:24px; overflow:hidden; background:#FFF;}
.ContactForm ul li label input{width:100%; background:none; outline:none; font-size:15px; font-family:"微软雅黑";  border:0 none}
.ContactForm ul li label.xingming{float:left; width:185px;}
.ContactForm ul li label.dianhua{float:right; width:185px;}
.ContactForm h4{ font-size:16px; color:#FFF; font-weight:bold;padding:10px 0px 10px 35px; clear:both}
.ContactForm dl{ margin:0px; padding:0px 0px 0px 35px; font-size:13px; color:#a5acb3; clear:both}
.ContactForm dl dd{float:left; width:200px; padding-bottom:5px;}
.ContactForm dl dd input{vertical-align:middle;}
.ContactForm dl dd span{ padding-left:10px; color:#fff}
.ContactForm dl dd.w220{ width:230px;}
.ContactForm dl em{ padding:0px 5px; color:#fff}
.ContactForm dl span.ystitle{font-size:16px; color:#FFF; font-weight:bold; padding-right:15px;}
.ContactForm p{ padding-top:24px}
.ContactForm p input{ background:#00b6eb; font-size:20px; font-family:"微软雅黑"; font-weight:bold; width:100%; color:#FFF; padding:10px 0px; cursor:pointer; border:0 none}

.anlititle{width:1180px;margin:0px auto; padding:65px 0px;}
.anlititle img{ display:block; margin:auto;}

.anliclass{width:1180px;margin:0px auto; text-align:center; padding:0px 0px 40px; position:relative;}
.anliclass a{ display:inline-block; background:url(../images/Icon20.png) no-repeat; margin:0px 5px; width:109px; height:26px; line-height:25px; color:#7e7e7e;font-size:14px;}
.anliclass a:hover{background:url(../images/Icon21.png) no-repeat; color:#FFF;}
.anliclass a.cur{background:url(../images/Icon21.png) no-repeat; color:#FFF;}

.Contact dl dt.business p{ color:#fff;}
.Contact dl dt.business{margin-left:185px; padding:8px 0px 0px 15px; width:75px; height:50px;}
.Contact dl dd.business{padding-left:20px; width:310px;}

.Contact{ width:1180px; margin:0px auto; background:#ffffff; border:1px solid #dee0e0; height:460px; border-radius:10px; box-shadow:0px -1px 5px #e5e6e6; position:relative;}
.Contact h3{ text-align:center; font-size:24px; line-height:26px; padding:50px 0px;}
.Contact ul{ margin:0px; padding:0px;}
.Contact ul li{float:left;width:270px; border-right:1px solid #e7e7e7; height:200px; padding:0px 12px;}
.Contact ul li a{display:block;width:270px; height:180px; padding-top:20px;}
.Contact ul li a:hover{color:#FFF; background:#eb3900; transition:all 0s}
.Contact ul li p{ font-size:14px; text-align:center;}
.Contact ul li p.font18{ font-size:18px; padding-top:3px;}
.Contact ul li a span{ margin:0px auto 15px;}
.Contact ul li.lastbor{border:none}
.Contact ul li a.adress span{ display:block;  width:80px; height:65px; background:url(../images/Icon57.gif) no-repeat}
.Contact ul li a.adress:hover span{background:url(../images/Icon057.gif) no-repeat}
.Contact ul li a.Tel span{ display:block; width:80px; height:65px; background:url(../images/Icon58.gif) no-repeat}
.Contact ul li a.Tel:hover span{background:url(../images/Icon058.gif) no-repeat}
.Contact ul li a.Fax span{ display:block; width:80px; height:65px; background:url(../images/Icon59.gif) no-repeat}
.Contact ul li a.Fax:hover span{background:url(../images/Icon059.gif) no-repeat}
.Contact ul li a.Email span{ display:block; width:80px; height:65px; background:url(../images/Icon60.gif) no-repeat}
.Contact ul li a.Email:hover span{background:url(../images/Icon060.gif) no-repeat}

.Contact dl{position:absolute; bottom:0px; width:1182px;height:58px; background:#8b0a0d; left:-1px; border-radius:0px 0px 10px 10px}
.Contact dl img{ display:block; position:absolute; left:40px; bottom:0px;}

.Contact dl dt{ float:left; width:90px; background:#b3090d; height:58px; display:inline;}
.Contact dl dt h4{ font-size:16px; font-weight:bold; color:#FFF;}
.Contact dl dt p{ font-size:10px; color:#233950; line-height:15px;}
.Contact dl dt.business p{ color:#fff;}
.Contact dl dd{ float:left; line-height:58px; height:58px; font-size:20px; font-weight:bold; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.Contact dl dd a{color:#FFF; padding-right:10px;}
.Contact dl dd a:hover{color:#FFF;}
.Contact dl dt.business{margin-left:185px; padding:8px 0px 0px 15px; width:75px; height:50px;}
.Contact dl dd.business{padding-left:20px; width:310px;}
.Contact dl dt.Customer{padding:5px 0px 0px 15px; width:75px; height:53px;}
.Contact dl dt.Customer p{ line-height:12px; color:#FFF}
.Contact dl dd.Customer{padding-left:20px;width:430px;}

.ContactRide{ width:1180px; margin:0px auto; padding-top:45px; padding-bottom:30px;}
.ContactRide h3{ font-size:24px; color:#03a5e3; font-weight:bold;}
.ContactRide dl{ border-bottom:1px solid #dddddd; padding-top:35px;}
.ContactRide dl dt{ float:left; width:75px; color:#3c3c3c; font-size:24px; font-weight:bold; margin-top:15px}
.ContactRide dl dd{ float:right; width:1090px; font-size:14px;color:#676767; margin-top:20px}
.ContactRide dl dd h4{ font-weight:bold; padding-bottom:30px; }
.ContactRide dl dd p{ padding-bottom:30px;}

.ContactFormbox{ top:28px;}
.crSecCode{ height:36px; padding: 10px 0px 20px 35px;}
.crSecCode label{ display:inline-block; height:36px; color:#fff; font-size:16px; font-weight:bold;}
.crSecCode label input{ font-family:"微软雅黑"; color:#333; width:107px; margin-left:15px;}
.ContactForm p{ padding-top:0px;}
.ContactForm .crSecCode img{ width:85px !important;}
.ContactForm .crSecCode label input{ background:#fff; line-height:36px;height:36px; padding:0px;}
.ContactForm .crSecCode img{ position:static; left:0px; margin-left:10px; vertical-align:middle; margin-top: -9px;}
.ContactForm p.crSecCode{ padding-top:12px;}
.ContactForm h3{ padding:20px 0px;}
.ContactForm h4{  padding: 10px 0px 8px 35px;}


/*新闻*/

.newslist{ width:1180px; margin:0px auto; background:url(../images/index_88.png) repeat-y 65px 0px;}
.newslist dl{position:relative; height:175px; padding-bottom:30px;}
.newslist dl dd{ float:right; width:908px; height:140px; padding:35px 35px 0px 35px; background:#FFF; box-shadow:0px 2px 3px #d9dbdb;}
.newslist dl dd h3{ font-size:18px; font-weight:bold; height:25px; overflow:hidden;}
.newslist dl dd h3 a{color:#91d451;}
.newslist dl dd h3 a:hover{color:#91d451;}
.newslist dl dd p{ font-size:13px;color:#adacac;padding-top:10px;}
.newslist dl dd p a{ color:#adacac;}
.newslist dl dd p a:hover{ color:#91d451;}
.newslist dl dd p.Intro{ color:#7c7c7c;padding-top:10px;height:48px;overflow:hidden;}

.newslist dl dd span{font-size:18px;text-align:center;position:absolute; top:0px; left:0px; width:130px; height:120px; border-radius:5px; background:#91d451;box-shadow:0px 2px 3px #d9dbdb; color:#fff;}
.newslist dl dd span em{ display:block;font-weight:bold;font-size:60px; line-height:65px; padding:10px 0px 5px; margin-bottom:8px; border-bottom:1px solid #81c541;}


/*新闻详细*/
.news_info{ font-size:14px; line-height:24px; color:#999; padding:80px 0; width:1140px; margin:0 auto;}
.news_info .info_title{ font-size:24px; text-align:center; color:#555; line-height:1em;}
.news_info .info_time{ padding:26px 0 3px; text-align:center;}
.news_info .info_time em{ padding:0 2em;}
.news_info .info_time span{ cursor:pointer; display:inline-block; width:27px; height:25px; border:1px solid #c1c1c1;}
.news_info .info_page{ overflow:hidden;}
.news_info .info_page a{ float:left; width:50px; height:38px;}
.news_info .info_page a.prev{ background:url(../images/case_info_prev.jpg) no-repeat left top;}
.news_info .info_page a.next{ background:url(../images/case_info_next.jpg) no-repeat right top; float:right;}

.news_info .info_page a:hover{ background-position:left bottom;}

.news_info .info_txt{ border:1px solid #e8e8e8; padding:30px 80px 50px 80px; overflow:hidden;}
.news_info .info_txt .info_return{ display:block; width:122px; height:38px; overflow:hidden; text-indent:-999px; background:url(../images/news_info_prev_03.jpg) no-repeat left top; margin:20px auto 0;}
.news_info .info_txt .info_return:hover{ background-position:left bottom;}
.news_info .info_txt p{ padding-bottom:30px;}
.news_info .news_label{ padding:18px 0 60px;}
.news_info #bdshare{ float:right;}
.news_info #bdshare .name{ float:left;}

/*分页格式*/
#pagepaing {clear: both;width:1240px;margin: 0 auto;text-align: center; margin-bottom:20px; margin-top:20px }
.page { clear:both;padding-top:20px; text-align:center;margin: 0 auto;}
.page a { text-decoration:none;}
.Page a:hover{ background:#91dd5f; color:#FFF}
.AspNetPager{height:48px;line-height:48px;font-size:16px;margin:0 auto;display:inline-block;*display:inline;overflow:hidden; *zoom:1;border-left: 1px solid #e5e5e5;}
.firstlastpage{width:65px;height:46px;display:inline-block;float:left;background: #ffffff none repeat scroll 0 0; border: 1px solid #e5e5e5;margin-left: -1px;}
.PrevNextpage{width:65px;height:46px;display:inline-block;float:left;background: #ffffff none repeat scroll 0 0; border: 1px solid #e5e5e5;margin-left: -1px;}
.pageindex{width:65px;height:46px;display:inline-block;float:left;background:url(/images/pageindex.png) no-repeat;text-align:center;background: #ffffff none repeat scroll 0 0; border: 1px solid #e5e5e5;margin-left: -1px;}
.Currentpage{width:65px;height:48px;display:inline-block;float:left;background:#91dd5f; color:#fff; text-align:center;}



/*全网站建设*/
.station_nav{ padding:29px 0; text-align:center; position:relative;}
.station_nav ul{ position:relative; z-index:2; text-align:center; overflow:hidden;}
.station_nav ul li{ display:inline-block; background:#fff;}
.station_nav ul li a{ display:block; width:200px; height:50px; background:url(../images/station22.png) no-repeat center top; font-size:18px; color:#fff; line-height:50px;}
.station_nav ul li a:hover,.station_nav ul li.on a{ background-position:center bottom; font-weight:bold;}
.station_nav_bg{ height:1px; position:absolute; left:0; top:50%; width:100%; background:#e6e6e6; z-index:1;}

.whole_ban{ height:460px;}
.whole{ font-size:14px; line-height:24px;}
.whole .title{ font-size:48px; position:relative; text-align:center; font-weight:bold; padding-top:45px;}
.whole .title b{ text-transform:uppercase; display:block; padding:30px 0 0px; font-size:30px;}
.whole .title em{ display:inline-block; width:79px; height:3px;}

.whole .con1_bg{ height:1166px; position:relative;background:#fff; height:685px; background:url(../images/whole_bg1_03.jpg) no-repeat center bottom;}
.whole .con1_bg .con1{ width:1200px; margin:0 auto; height:605px; position:relative;}
.whole .con1_bg .con1 .title b{ color:#adda4c; font-family:arial;}
.whole .con1_bg .con1 .title em{ background:#ffa800;}
.whole .con1_bg .con1 .txt{ padding-top:34px; color:#555557; width:900px; margin:0 auto; text-align:center;}
.whole .con1_bg .con1 .list{ width:900px; padding-top:43px; margin:0 auto; position:relative;}
.whole .con1_bg .con1 .list ul{ position:absolute; left:600px; top:60px; width:440px;}
.whole .con1_bg .con1 .list li{ padding-bottom:37px;}
.whole .con1_bg .con1 .list li .t{ font-size:24px; font-size:24px; padding-top:5px;}
.whole .con1_bg .con1 .list li b.l{ color:#ff6c00; padding-right:4px;}
.whole .con1_bg .con1 .list li b.r{ color:#000; padding-left:4px; font-family:arial;}
.whole .con1_bg .con1 .list li p{ margin:0; font-size:12px; line-height:18px;}

.whole .con2_bg{ height:650px; background:url(../images/whole_bg2_02.jpg) no-repeat center bottom;}
.whole .con2_bg .con1{ height:650px; position:relative; width:1200px; margin:0 auto;}
.whole .con2_bg .con1 .title{ color:#fff; padding-top:90px;}
.whole .con2_bg .con1 .title b{ color:#516e7d;}
.whole .con2_bg .con1 .title em{ background:#4195d4;}
.whole .con2_bg .con1 .txt{ float:right; width:541px; padding:65px 34px 0 0; color:#a6a6a7; font-size:14px; line-height:24px; height:326px; background:url(../images/whole_bg3_03.png) no-repeat right top; color:#fff; margin-top:80px;}
.whole .con2_bg .con1 .txt .div1{ font-size:36px; color:#fff; text-align:right; line-height:1em;}
.whole .con2_bg .con1 .txt .div2{ font-size:18px; color:#fff; text-align:right; line-height:1em; padding:15px 0;}
.whole .con2_bg .con1 .img{ position:absolute; left:-59px; bottom:-12px;}
.whole .con3_bg{ height:660px; background:url(../images/whole_bg3.jpg) no-repeat center center;} 
.whole .con3_bg .con{ width:1200px; margin:0 auto; height:660px; position:relative;}
.whole .con3_bg .con .title{ padding-top:82px; color:#000;}
.whole .con3_bg .con .title b{ color:#cacaca;}
.whole .con3_bg .con .txt{ position:absolute; left:168px; top:246px; width:546px; font-size:14px; line-height:30px; display:none;}
.whole .con3_bg .con .txt .div1{ color:#ff7d1e; font-size:36px; line-height:1em; padding-bottom:10px;}
.whole .con3_bg .con .list{ position:absolute; left:0; bottom:0; width:100%; height:189px;}
.whole .con3_bg .con .list li{ position:absolute; font-size:14px; color:#884800; text-align:center; cursor:pointer;}
.whole .con3_bg .con .list li span{ display:block; height:80px; margin-bottom:15px;}
.whole .con3_bg .con .list .li3 span{ height:100px;}
.whole .con3_bg .con .list .li1{ left:104px; top:50px;}
.whole .con3_bg .con .list .li1.li span,.whole .con3_bg .con .list .li1:hover span{ background:url(../images/whole_icon1.png) no-repeat center top;}
.whole .con3_bg .con .list .li2{ left:328px; top:20px;}
.whole .con3_bg .con .list .li2.li span,.whole .con3_bg .con .list .li2:hover span{ background:url(../images/whole_icon2.png) no-repeat center top;}
.whole .con3_bg .con .list .li3{ left:536px; top:0;}
.whole .con3_bg .con .list .li3.li span,.whole .con3_bg .con .list .li3:hover span{ background:url(../images/whole_icon3.png) no-repeat center top;}
.whole .con3_bg .con .list .li4{ right:326px; top:20px;}
.whole .con3_bg .con .list .li4.li span,.whole .con3_bg .con .list .li4:hover span{ background:url(../images/whole_icon4.png) no-repeat center top;}
.whole .con3_bg .con .list .li5{ right:108px; top:50px;}
.whole .con3_bg .con .list .li5.li span,.whole .con3_bg .con .list .li5:hover span{ background:url(../images/whole_icon5.png) no-repeat center top;}

/*手机站*/
.mobile_station_ban{ height:518px;}
.mobile_station .con{ width:1240px; margin:0 auto; height:750px; position:relative; font-size:14px; line-height:22px;}
.mobile_station .title{ font-size:48px; padding:70px 0 65px; text-align:center;}
.mobile_station .title em{ display:inline-block; width:88px; height:3px; position:relative; top:20px;}
.mobile_station .con1_bg{ background:#f7f7f7;}
.mobile_station .con1 .txt{ float:left; width:585px; padding-top:185px; font-size:14px; line-height:30px;}
.mobile_station .con1 .txt .t{ font-size:48px; color:#ffa800; line-height:1em; padding-bottom:80px;}
.mobile_station .con1 .txt .b{ padding-top:30px;}
.mobile_station .con1 .img{ float:right; padding-top:88px;}
.mobile_station .con2_bg{ background:url(../images/mobile_station_bg2.jpg) no-repeat center center; color:#fff;}
.mobile_station .con2_bg .title em{ background:#fff;}
.mobile_station .con2 .list{ padding-top:60px;}
.mobile_station .con2 .list li{ float:left; width:260px; padding:50px 60px 0 80px; height:160px;}
.mobile_station .con2 .list .t{ font-size:24px; color:#ffa800; text-align:center; padding-bottom:10px;}
.mobile_station .con3_bg{ background:#f7f7f7;}
.mobile_station .con3 .title{ color:#404040;}
.mobile_station .con3 .title em{ background:#404040;}
.mobile_station .con3 .list{ width:1200px; height:505px; background:url(../images/mobile_station_bg3.jpg) no-repeat center center; position:relative;}
.mobile_station .con3 .list li{ position:absolute; font-size:13px; color:#666;}
.mobile_station .con3 .list li .t{ font-size:24px; color:#30548e; padding-bottom:10px;}
.mobile_station .con3 .list li.li1,.mobile_station .con3 .list li.li2,.mobile_station .con3 .list li.li3{ left:34px;}
.mobile_station .con3 .list li.li4,.mobile_station .con3 .list li.li5,.mobile_station .con3 .list li.li6{ right:33px; text-align:right;}
.mobile_station .con3 .list li.li1,.mobile_station .con3 .list li.li4{ top:72px;}
.mobile_station .con3 .list li.li2,.mobile_station .con3 .list li.li5{ top:248px;}
.mobile_station .con3 .list li.li3,.mobile_station .con3 .list li.li6{ top:427px;}
.mobile_station .con4_bg{ background:#feac0e url(../images/mobile_station_bg4.jpg) no-repeat center center;}
.mobile_station .con4 .img{ position:absolute; left:0; top:167px;}
.mobile_station .con4 .txt{ float:right; width:774px; font-size:24px; line-height:36px; color:#2b1c00; padding-top:180px;}
.mobile_station .con4 .txt .t{ font-size:48px; color:#fff; padding-bottom:45px;}
.mobile_station .con5{ background:url(../images/mobile_station_bg5.jpg) no-repeat right 167px;}
.mobile_station .con5 .txt{ padding-top:185px; width:1000px;}
.mobile_station .con5 .txt .t{ font-size:48px; color:#ffa800; padding-bottom:70px;}
.mobile_station .con5 .txt li{ float:left; width:322px; padding-left:31px; font-size:16px; line-height:34px; height:34px; color:#333; background:url(../images/mobile_station_libg_03.jpg) no-repeat left center;}
.mobile_station .con5 .txt li.li{ background:none;}
.mobile_station .con6_bg{ background:#eee;}
.mobile_station .con6 .title{ color:#333;}
.mobile_station .con6 .title em{ background:#ddd;}
.mobile_station .con6 .box{ position:relative;}
.mobile_station .con6 .box .prev,.mobile_station .con6 .box .next{ display:block; width:48px; height:74px; position:absolute; top:200px;}
.mobile_station .con6 .box .prev{ background:url(../images/mobile_station_prev.jpg) no-repeat; left:-58px;}
.mobile_station .con6 .box .next{ background:url(../images/mobile_station_next.jpg) no-repeat; right:-58px;}
.mobile_station .con6 .box .bd{ overflow:hidden;}
.mobile_station .con6 .box .bd li{ float:left; width:230px; text-align:center; margin-right:10px;}
.mobile_station .con6 .box .bd li .img{ width:200px; height:340px; padding:53px 19px 47px 21px; background:url(../images/mobile_station_libg2.jpg) no-repeat center center; margin-bottom:15px;}
.mobile_station .con6 .box .bd li .name{ font-size:16px; font-weight:bold; color:#4c3300;}
.mobile_station .caselist{width:1240px; margin:0 auto; position:relative; font-size:14px; line-height:22px;}

/*建站优势*/
.station{ margin:28px auto 80px; width:1200px; overflow:hidden;}
.station .station_title{ text-align:center; font-size:48px; line-height:117px; color:#91dd5f; padding-bottom:27px;}
.station .station_list{ height:650px; background:url(../images/station_bg.jpg) no-repeat center top; position:relative; font-size:12px}
.station .station_list li{ position:absolute;}
.station .station_list li a{ font-size:18px; line-height:24px; font-weight:bold; color:#91dd5f;}
.station .station_list li a:hover{ color:#f69803;}
.station .station_list li dl{ overflow:hidden; padding-top:10px; line-height:20px;}
.station .station_list li dt{ float:left; padding:0 15px 0 10px; background:url(../images/station_list_dt_03.jpg) no-repeat left center;}
.station .station_list .li1{ top:14px; left:474px; width:293px;}
.station .station_list .li1 dt{ width:116px;}
.station .station_list .li2{ left:56px; top:61px; width:284px;}
.station .station_list .li2 dt{ width:116px;}
.station .station_list .li3{ top:65px; width:217px;}
.station .station_list .li3 dt{ width:116px; float:right;}
.station .station_list .li4{ top:220px; width:273px;}
.station .station_list .li4 dt{ width:210px;}
.station .station_list .li5{ top:226px; width:273px;}
.station .station_list .li6{ top:377px; width:220px;}
.station .station_list .li6 dt{ width:84px;}
.station .station_list .li7{ top:387px; width:300px;}
.station .station_list .li7 dt{ width:124px;}
.station .station_list .li8{ top:570px; width:330px;}
.station .station_list .li8 dt{ width:86px;}
.station .station_list .li9{ top:590px; width:220px;}
.station .station_list .li2,.station .station_list .li4,.station .station_list .li6,.station .station_list .li8{ left:56px;}
.station .station_list .li3,.station .station_list .li5,.station .station_list .li7,.station .station_list .li9{ text-align:right; right:57px;}
.station .station_list .li3 dt,.station .station_list .li5 dt,.station .station_list .li7 dt,.station .station_list .li9 dt{ padding:0 10px 0 15px; text-align:right; background-position:right center;}

/*网站改版*/
.site_revision{ padding-bottom:70px; width:1200px; margin:0 auto;}
.site_revision_tab{ overflow:hidden;}
.site_revision_tab li{ float:left; width:117px; padding-right:16px;}
.site_revision_tab li a{ display:block; width:117px; height:117px; background:url(../images/site_revision_tabbg.jpg) no-repeat center top;}
.site_revision_tab li:hover a,.site_revision_tab .onmenu a{ background-position:center bottom;}
.site_revision_tab li span{ display:block; font-size:14px; line-height:20px; padding:12px 0 0 12px;}
.site_revision_tab li:hover span,.site_revision_tab .onmenu{ color:#ca9a07; font-weight:bold;}

.site_revision_title{ text-align:center; padding:67px 0 36px; font-size:48px;}

.site_revision_list{ width:1180px; overflow:hidden; margin:0 auto; color:#fff;}
.site_revision_list .l{ width:73px; height:417px; background:#b25d16; font-size:31px; font-weight:bold; line-height:40px; text-align:center; padding-top:80px; float:left;}
.site_revision_list .ul{ float:left; width:1107px; height:497px;}

.site_revision_list .ul .li .div{ text-align:center; padding-top:47px; width:72px; font-size:18px; position:absolute; left:0; top:0; line-height:18px; cursor:pointer; height:450px; z-index:2;}
.site_revision_list .ul .li .div img{ margin-bottom:20px;}
.site_revision_list .ul .li{ padding:50px 0 0; width:72px; height:447px; position:relative; font-size:18px; line-height:32px; float:left;}
.site_revision_list .ul .num{ font-size:132px; position:absolute; left:0; bottom:0; line-height:104px; opacity:0.2; filter:alpha(opacity=20); width:72px; text-align:center;}
.site_revision_list .ul .txt{ display:none;}
.site_revision_list .ul .on .div{ display:none;}
.site_revision_list .ul .li .td1{ width:175px; padding:0 30px 0 35px;}
.site_revision_list .ul .li .td2{ width:490px;}
.site_revision_list .ul .li .title{ font-size:31px; font-weight:bold; line-height:38px;}
.site_revision_list .ul .li .title span{ display:block; font-size:24px; padding-bottom:10px;}

.site_revision_list .ul .on .txt{ display:block;}

.site_revision_list .ul .li1{ background:#f58700; width:815px;}
.site_revision_list .ul .li2{ background:#dfb406;}
.site_revision_list .ul .li3{ background:#5a8905;}
.site_revision_list .ul .li4{ background:#4097a0;}
.site_revision_list .ul .li5{ background:#2178a3;}



/*微信开发*/
.micro_ban{ height:517px;}
.micro_bg{ background:url(../images/micro_bg.jpg) no-repeat center top; height:4000px;}

.micro .title{ font-size:48px; color:#000; position:relative;}
.micro .title b{ text-transform:uppercase; display:block; padding:30px 0 0px; font-family:arial; font-size:36px;}
.micro .title em{ display:inline-block; width:79px; height:3px;}
.micro{ width:1200px; margin:0 auto; padding-top:115px; font-size:16px; line-height:32px;}
.micro .con1{ height:506px;}
.micro .con1 .txt{ float:left; width:606px; color:#fff;}
.micro .con1 .txt b{ font-size:18px;}
.micro .con1 .img{ float:right;}
.micro .con2{ position:relative; height:725px;}
.micro .con2 .img{ position:absolute; left:-105px; top:0;}
.micro .con2 .img img{ display:none;}
.micro .con2 .img .img1{ display:block}
.micro .con2 .txt{ float:right; text-align:right; color:#aaa;}
.micro .con2 .txt .title b{ color:#eba62a;}
.micro .con2 .txt .title em{ background:#eba62a;}
.micro .con2 .list{ position:absolute; right:0; bottom:54px; height:400px; width:734px;}
.micro .con2 .list .ul{ position:absolute; right:0; bottom:0; height:171px; z-index:3; background:url(../images/micro_img3.jpg) no-repeat;}
.micro .con2 .list .ul li{ float:left; width:150px; height:171px; cursor:pointer; position:relative;}
.micro .con2 .list .ul li i{ display:none; width:26px; height:19px; position:absolute; left:50%; top:-30px; background:url(../images/micro_con2_jt.jpg) no-repeat; text-indent:999px; overflow:hidden;}
.micro .con2 .list .ul .li i{ display:block;}
.micro .con2 .list .text{ position:absolute; left:0; bottom:200px; border:1px solid #e8cd78; padding:25px 50px; border-radius:5px; line-height:32px; color:#e1bc3f; text-align:center; background:#fff; display:none;}
.micro .con3{ padding-top:140px; height:1575px; position:relative;}
.micro .con3 .t .title b{ color:#a0d540;}
.micro .con3 .t .title em{ background:#a0d540;}
.micro .con3 .t .txt{ color:#aaa; line-height:26px; width:680px; padding-top:33px;}
.micro .con3 .t .txt span{ color:#a0d540;}
.micro .con3 .t .list{ overflow:hidden; position:relative;}
.micro .con3 .t .list .ul li{ float:left; margin:110px 34px 0 0; width:120px; height:36px; text-align:center; padding-top:84px; text-align:center; position:relative; background:url(../images/micro_icon.png) no-repeat left top; cursor:pointer; color:#91d637;}
.micro .con3 .t .list .ul li:hover{ color:#fff;}
.micro .con3 .t .list .ul li i{ border-width:10px 7px 0; border-style:solid dashed dashed dashed; border-color:#91d637 transparent transparent transparent; position:absolute; left:50%; bottom:-9px; margin-left:-6px; width:0; height:0; display:none;}
.micro .con3 .t .list .ul .li i{ display:block;}
.micro .con3 .t .list .ul .li2 i{ border-color:#ef972c transparent transparent transparent;}
.micro .con3 .t .list .ul .li3 i{ border-color:#4dd2d7 transparent transparent transparent;}
.micro .con3 .t .list .ul .li4 i{ border-color:#d7644d transparent transparent transparent;}
.micro .con3 .t .list .ul .li5 i{ border-color:#da62c1 transparent transparent transparent;}
.micro .con3 .t .list .ul .li6 i{ border-color:#4d9cd7 transparent transparent transparent;}
.micro .con3 .t .list .ul .li7 i{ border-color:#4d9cd7 transparent transparent transparent;}
.micro .con3 .t .list .ul .li8 i{ border-color:#4d9cd7 transparent transparent transparent;}
.micro .con3 .t .list .ul .li9 i{ border-color:transparent transparent #d95ec0 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.micro .con3 .t .list .ul .li10 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.micro .con3 .t .list .ul .li11 i{ border-color:transparent transparent #bfcf3e transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.micro .con3 .t .list .ul .li12 i{ border-color:transparent transparent #21ad63 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.micro .con3 .t .list .ul .li13 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.micro .con3 .t .list .ul .li14 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.micro .con3 .t .list .ul .li15 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.micro .con3 .t .list .ul .li16 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.micro .con3 .t .list .ul .li2{ background-position:-120px top; color:#ef972c;}
.micro .con3 .t .list .ul .li3{ background-position:-240px top; color:#4dd2d7;}
.micro .con3 .t .list .ul .li4{ background-position:-360px top; color:#d7644d;}
.micro .con3 .t .list .ul .li5{ background-position:-480px top; color:#da62c1;}
.micro .con3 .t .list .ul .li6{ background-position:-600px top; color:#4d9cd7;}
.micro .con3 .t .list .ul .li7{ background-position:-720px top; color:#4d9cd7;}
.micro .con3 .t .list .ul .li8{ background-position:-840px top; color:#4d9cd7;}
.micro .con3 .t .list .ul .li9{ background-position:-960px top; color:#d95ec0;}
.micro .con3 .t .list .ul .li10{ background-position:-1080px top; color:#4d9cd7;}
.micro .con3 .t .list .ul .li11{ background-position:-1200px top; color:#bfcf3e;}
.micro .con3 .t .list .ul .li12{ background-position:-1320px top; color:#4dd78e;}
.micro .con3 .t .list .ul .li13{ background-position:-1440px top; color:#4d9cd7;}
.micro .con3 .t .list .ul .li14{ background-position:-1560px top; color:#4d9cd7;}
.micro .con3 .t .list .ul .li15{ background-position:-1680px top; color:#4d9cd7;}
.micro .con3 .t .list .ul .li16{ background-position:-1800px top; color:#4d9cd7;}
.micro .con3 .t .list .ul .li1:hover{ background-position:left bottom;}
.micro .con3 .t .list .ul .li2:hover{ background-position:-120px bottom;}
.micro .con3 .t .list .ul .li3:hover{ background-position:-240px bottom;}
.micro .con3 .t .list .ul .li4:hover{ background-position:-360px bottom;}
.micro .con3 .t .list .ul .li5:hover{ background-position:-480px bottom;}
.micro .con3 .t .list .ul .li6:hover{ background-position:-600px bottom;}
.micro .con3 .t .list .ul .li7:hover{ background-position:-720px bottom;}
.micro .con3 .t .list .ul .li8:hover{ background-position:-840px bottom;}
.micro .con3 .t .list .ul .li9:hover{ background-position:-960px bottom;}
.micro .con3 .t .list .ul .li10:hover{ background-position:-1080px bottom;}
.micro .con3 .t .list .ul .li11:hover{ background-position:-1200px bottom;}
.micro .con3 .t .list .ul .li12:hover{ background-position:-1320px bottom;}
.micro .con3 .t .list .ul .li13:hover{ background-position:-1440px bottom;}
.micro .con3 .t .list .ul .li14:hover{ background-position:-1560px bottom;}
.micro .con3 .t .list .ul .li15:hover{ background-position:-1680px bottom;}
.micro .con3 .t .list .ul .li16:hover{ background-position:-1800px bottom;}
.micro .con3 .t .list .list_txt{ position:absolute; left:40px; top:270px;}
.micro .con3 .t .list .list_txt li{ display:none; font-size:14px; color:#91d637;}
.micro .con3 .t .list .list_txt .li2{ color:#ef972c;}
.micro .con3 .t .list .list_txt .li3{ color:#4dd2d7;}
.micro .con3 .t .list .list_txt .li4{ color:#d7644d;}
.micro .con3 .t .list .list_txt .li5{ color:#da62c1;}
.micro .con3 .t .list .list_txt .li6{ color:#4d9cd7;}
.micro .con3 .t .list .list_txt .li7{ color:#4d9cd7;}
.micro .con3 .t .list .list_txt .li8{ color:#4d9cd7;}
.micro .con3 .t .list .list_txt .li9{ color:#d95ec0;}
.micro .con3 .t .list .list_txt .li10{ color:#4d9cd7;}
.micro .con3 .t .list .list_txt .li11{ color:#bfcf3e;}
.micro .con3 .t .list .list_txt .li12{ color:#4dd78e;}
.micro .con3 .t .list .list_txt .li13{ color:#4d9cd7;}
.micro .con3 .t .list .list_txt .li14{ color:#4d9cd7;}
.micro .con3 .t .list .list_txt .li15{ color:#4d9cd7;}
.micro .con3 .t .list .list_txt .li16{ color:#4d9cd7;}
.micro .con3 .t .btn{ display:block; width:342px; height:54px; line-height:54px; text-align:center; background:#a0d540; color:#fff; margin-top:74px; border-radius:5px;}
.micro .con3 .b{ padding-top:80px; height:580px; position:relative;}
.micro .con3 .b .title{ text-align:right;}
.micro .con3 .b .title em{ background:#fff;}
.micro .con3 .b .txt{ float:right; width:820px; text-align:right; color:#fff; line-height:26px; padding-top:30px;}
.micro .con3 .b .list{ position:absolute; left:0; bottom:90px;}
.micro .con3 .b .list ul{ position:absolute; left:0; top:0; padding-top:36px; color:#fff; width:100%;}
.micro .con3 .b .list li{ float:left; width:226px; margin-left:17px; text-align:center; line-height:22px;}
.micro .con3 .b .list li.li1{ margin:0;}

.micro .con4{ padding-top:19px;}
.micro .con4 .title b{ color:#4d9cd7;}
.micro .con4 .title em{ background:#4d9cd7;}
.micro .con4 .btn{ display:block; width:182px; height:54px; line-height:54px; text-align:center; color:#fff; background:#91dd5f; margin-top:40px; border-radius:5px; margin:30px auto 0;}
.micro .con4 .list{ padding-top:35px; position:relative;}
.micro .con4 .list li{ float:left; margin-left:26px; width:206px; padding-top:68px;}
.micro .con4 .list .li{ width:216px; height:382px; padding:60px 16px 77px 17px; background:url(../images/micro_mobilebg.png) no-repeat;}
.micro .con4 .list .li img{ width:216px; height:382px;}
.micro .con4 .tab{ position:relative; margin-top:25px;}
.micro .con4 .tab .bd{ padding-top:20px;}
.micro .con4 .tab .bd .tempWrap{ padding-top:16px !important;}
.micro .con4 .tab .bd ul{ overflow:visible !important; text-align:center;}
.micro .con4 .tab .bd li{ display:inline-block; width:118px; height:118px; border:1px solid #eee; border-radius:4px; margin:0 55px; position:relative;}
.micro .con4 .tab .bd li img{ widows:116px; height:116px; border:1px solid #fff;}
.micro .con4 .tab .bd li i{ display:none; width:15px; height:18px; position:absolute; left:50%; top:-16px; background:url(../images/micro_jt.png) no-repeat; margin-left:-7px;}
.micro .con4 .tab .bd .on{ border-color:#4d9cd7;}
.micro .con4 .tab .bd .on i{ display:block;}
.micro .con4 .tab .bd .on img{ border-color:#4d9cd7;}
.micro .con4 .tab .prev,.micro .con4 .tab .next{ display:block; width:47px; height:49px; position:absolute; top:50%; margin-top:-25px;}
.micro .con4 .tab .prev{ left:-77px; background:url(../images/micro_prev.jpg) no-repeat;}
.micro .con4 .tab .next{ right:-77px; background:url(../images/micro_next.png) no-repeat;}


.micro_shouji{ width:1200px; margin:0 auto; font-size:16px; line-height:32px;}
.micro_shouji .con4{ padding-top:19px;}
.micro_shouji .con4 .title b{ color:#4d9cd7;}
.micro_shouji .con4 .title em{ background:#4d9cd7;}
.micro_shouji .con4 .btn{ display:block; width:182px; height:54px; line-height:54px; text-align:center; color:#fff; background:#91dd5f; margin-top:40px; border-radius:5px; margin:30px auto 0;}
.micro_shouji .con4 .list{ padding-top:35px; position:relative;}
.micro_shouji .con4 .list li{ float:left; margin-left:26px; width:206px; padding-top:68px;}
.micro_shouji .con4 .list .li{ width:216px; height:382px; padding:60px 16px 77px 17px; background:url(../images/micro_mobilebg.png) no-repeat;}
.micro_shouji .con4 .list .li img{ width:216px; height:382px;}
.micro_shouji .con4 .tab{ position:relative; margin-top:25px;}
.micro_shouji .con4 .tab .bd{ padding-top:20px;}
.micro_shouji .con4 .tab .bd .tempWrap{ padding-top:16px !important;}
.micro_shouji .con4 .tab .bd ul{ overflow:visible !important; text-align:center;}
.micro_shouji .con4 .tab .bd li{ display:inline-block; width:118px; height:118px; border:1px solid #eee; border-radius:4px; margin:0 55px; position:relative;}
.micro_shouji .con4 .tab .bd li img{ widows:116px; height:116px; border:1px solid #fff;}
.micro_shouji .con4 .tab .bd li i{ display:none; width:15px; height:18px; position:absolute; left:50%; top:-16px; background:url(../images/micro_jt.png) no-repeat; margin-left:-7px;}
.micro_shouji .con4 .tab .bd .on{ border-color:#4d9cd7;}
.micro_shouji .con4 .tab .bd .on i{ display:block;}
.micro_shouji .con4 .tab .bd .on img{ border-color:#4d9cd7;}
.micro_shouji .con4 .tab .prev,.micro .con4 .tab .next{ display:block; width:47px; height:49px; position:absolute; top:50%; margin-top:-25px;}
.micro_shouji .con4 .tab .prev{ left:-77px; background:url(../images/micro_prev.jpg) no-repeat;}
.micro_shouji .con4 .tab .next{ right:-77px; background:url(../images/micro_next.png) no-repeat;}


.webbox{ width:1240px; margin:0 auto}
.jobs{margin:0px; padding:0px;}
.jobs dl.jobsIntro{ margin:0px; padding:0px 0px 40px; height:280px}
.jobs dl.jobsIntro dt{ float:left; width:590px;}
.jobs dl.jobsIntro dt h3{ font-size:35px; line-height:42px; color:#676767; font-weight:bold;}
.jobs dl.jobsIntro dt h3 span{color:#91d451;}
.jobs dl.jobsIntro dt p{ color:#686767; font-size:14px; line-height:30px; padding-top:40px;}
.jobs dl.jobsIntro dd{ float:right; width:511px;}
.jobs dl.jobsIntro dd img{ display:block;}

.jobs ul{ margin:0px; padding:0px; background:#FFF; height:45px;}
.jobs ul li{ float:left;}
.jobs ul li a{ display:inline-block; padding:10px 20px; font-size:18px;}
.jobs ul li a:hover{ background:#91d451; color:#FFF;}
.jobs ul li a.cur{ background:#91d451; color:#FFF;}

.jobslist{ margin:0px; padding:0px 0px 60px;}
.jobslist ul{ margin:0px; padding:0px;}
.jobslist ul li{ margin:0px; padding:30px 0px 0px;}
.jobslist ul li h3{ background:#FFF; padding:20px 0px 20px; border-bottom:1px solid #f0f0f0;}
.jobslist ul li h3 strong{ font-size:24px; line-height:28px; display:inline-block; padding-top:15px;}
.jobslist ul li h3 span{ float:right; font-size:14px; display:block; padding:30px 40px 0px 0px;}
.jobslist ul li h3 em{ display:block; font-size:12px; color:#8c8a89; padding-top:5px;}
.jobslist ul li h3 img{ display:block; float:left;margin:0px 30px;}

.jobslistbox{padding:0px 40px 40px; background:#FFF;}
.jobslistbox dl{ margin:0px; padding-top:40px;}
.jobslistbox dl h4{font-size:18px; color:#424242;}
.jobslistbox dl dt{ float:left; width:105px; font-size:18px; color:#424242;}
.jobslistbox dl dd{ float:right; width:960px; color:#575757; font-size:14px}
.jobslistbox p{ padding:40px 0px 0px;color:#575757; clear:both; font-size:14px}
.jobslistbox p.jobfont14{ font-size:14px; clear:both}
.jobslistbox p a.Delivery{ background:#91d451; display:inline-block; width:155px; height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#FFF;}

/*旺铺装修*/
.jilu{ width:1200px; margin:auto;}
.jilu h1{ padding:65px 0 18px 0; font-size:42px; color:#e15e30;}
.jilu h1 strong{ color:#333;}
.jilu h3{ font-size:24px; color:#333; font-weight:400; padding:40px 0 20px 0;}
.header_top{ margin-bottom:20px;}
.header_top li{float:left; background:url(../images/star.jpg) no-repeat left top; padding:5px 0 20px 30px; border-bottom:1px solid #dcdcdc; margin-right:35px;}
.jilu_des{font-size:18px; clear:both; line-height:40px;}
.change{background:url(../images/bg-d.png) repeat center top; width:100%; height:467px; }
.change .wangpu{width:1200px; margin:auto;}
.change .wangpu h2{ padding:70px 0 55px 0; font-size:36px; color:#fff;}
/*服务细项*/
.details{width:1240px; margin:0 auto; padding:70px 0;}
.details h2{font-size:36px; color:#333; margin-bottom:50px;}
.details_case{width:385px; float:left; margin-right:40px;}
.details_case ul li{border:1px solid #434343; padding:15px 0 30px 30px; font-size:18px; margin-bottom:20px;}
.details_case ul li h3{font-size:24px; color:#333; margin-bottom:15px;}
.details_case ul li p{ line-height:35px;}
/*.details_case ul li.details_case_01{background:url(../images/no1.jpg) no-repeat 95% 15px;}
.details_case ul li.details_case_02{background:url(../images/no2.jpg) no-repeat 95% 15px;}
.details_case ul li.details_case_03{background:url(../images/no3.jpg) no-repeat 95% 15px;}
.details_case ul li.details_case_04{background:url(../images/no4.jpg) no-repeat 95% 15px;}
.details_case ul li.details_case_05{background:url(../images/no5.jpg) no-repeat 95% 15px;}
.details_case ul li.details_case_06{background:url(../images/no6.jpg) no-repeat 95% 15px;}
.details_case ul li.details_case_07{background:url(../images/no7.jpg) no-repeat 95% 15px;}
.details_case ul li.details_case_08{background:url(../images/no8.jpg) no-repeat 95% 15px;}*/
.details .tab_de{width:1240px; margin-bottom:20px;}
.details .tab_de tr td{ padding:10px 15px; vertical-align:top; text-align:center; font-size:16px;}

.fwlc{ width:100%; position:relative;}
.fwlc .prev{ position:absolute; width:35px; height:68px; background:url(../images/goleft.png) no-repeat; top:245px; cursor:pointer; left:50%; margin-left:-688px;}
.fwlc .next{position:absolute; width:35px; height:68px; background:url(../images/goright.png) no-repeat; top:245px; cursor:pointer; left:50%; margin-left:650px;}

.show_bg{background:#91dd5f; width:100%; padding:50px 0;}
.showpic{width:1240px; margin:auto; overflow:hidden; height:449px;}
.showpic ul{position:absolute;}
.showpic ul li{float:left; width:1240px; height:449px; color:#333;}
.showpic ul li .showpic_text{background:#fff; width:1190px; padding-right:50px;}
.showpic ul li img{float:left; width:622px; height:447px; margin-right:55px;}
.showpic_text:after{content:"\0020";display:block;height:0;clear:both; }
.showpic .showpic_text h2{padding:40px 0; font-size:36px; font-weight:normal;}
.showpic .showpic_text p{ line-height:30px;}
.showpic ul li h2{ font-size:24px;}
.show_num{ width:850px; margin:0 auto 30px auto; height:150px;}
.show_num h2{ float:left; font-size:36px; color:#333; margin-right:35px; display:inline; padding-top:45px;}
.show_num ul{ float:left;}
.show_num ul li{ float:left; margin:0 20px 0 0; display:inline; cursor:pointer; height:150px;}
.show_num ul li span{ display:block; height:100px; width:100%;}
.show_num ul li.num_on span{ background:url(../images/num_icon.jpg) 15px top no-repeat;}
.show_num ul li.num_on p{ color:#F60;}
.num_01{ background:url(../images/xiangmucehua-02.jpg) left 27px no-repeat; width:107px;}
.num_02{ background:url(../images/sucaizhengli-02.jpg) left 27px no-repeat; width:132px;}
.num_03{ background:url(../images/banmiansheji-02.jpg) left 27px no-repeat; width:124px; margin-right:5px!important;}
.num_04{ background:url(../images/zhuangxiushishi-02.jpg) left 27px no-repeat; width:79px;}
.num_04 p{ padding-left:5px;}
.num_01.num_on{background:url(../images/xiangmucehua-01.jpg) left 27px no-repeat;}
.num_02.num_on{background:url(../images/sucaizhengli-01.jpg) left 27px no-repeat;}
.num_03.num_on{background:url(../images/banmiansheji-01.jpg) left 27px no-repeat;}
.num_04.num_on{background:url(../images/zhuangxiushishi-01.jpg) left 27px no-repeat;}
.line{ height:1px; background:#dddddd; overflow:hidden; width:100%;}


/*店铺装修*/

.dp1{ width:1200px; height:556px; margin:40px auto; background:url(../images/dpzx1.jpg) no-repeat; position:relative;}
.dp11{ width:600px; height:300px;  position:absolute; top:180px; right:30px; font-size:30px; line-height:40px;}
.dp2{ width:100%; background:url(../images/dpzx2.jpg) no-repeat center center; height:620px; position:relative;}
.dp22{ width:1200px; height:600px;  position:relative; margin:0 auto}
.dpa{ width:280px; height:220px; position:absolute; left:165px; top:330px; font-size:30px; line-height:60px; color:#fff; text-align:center;}
.dpb{ width:280px; height:220px;  position:absolute; left:800px; top:330px;font-size:30px; line-height:60px; color:#fff; text-align:center;}
.dp3{ width:1200px; background:url(../images/dpzx3.jpg) no-repeat; height:414px; margin:50px auto; position: relative;}
.dp33{ height:45px; line-height:45px;  position:absolute; top:70px; left:370px; font-size:33px;}
.dp4{ height:150px; width:100%; background:#64c0ee;}
.dp44{ width:660px; margin:0 auto;}
.dp5{ width:100%; height:460px; background:url(../images/dpzx5.jpg) no-repeat center center;}
.dp55{ width:1200px; margin:0 auto; height:460px; position:relative;}
.dpp{  position:absolute; top:160px; left:540px; font-size:22px; line-height:42px;}
.dp6{ width:100%; background:url(../images/yu.jpg) no-repeat center center; height:920px;}
.dp7{ width:100%; background: url(../images/dpzx7.jpg) no-repeat center center; height:800px;}
.de{ height:800px; margin:0 auto; position:relative; width:1200px;}
.de li{ float:left; font-size:26px; padding-top:560px; line-height:40px;}
.dp8{ width:1200px; margin:50px auto;}
.dp9{ width:100%; height:175px; background:#fc3651;}
.dtt{ width:394px; margin:0 auto;}
.dp10{ width:1206px; margin:50px auto;}


/*app*/
#info h3{ font-size:36px; color:#555555; text-align:center; line-height:42px; font-family:Arial,"微软雅黑"; font-weight:normal}
.infoPanel_11{ background:#f4f4f4;}
.infoPanel_11 .titleField{ padding:36px 0 0;}
.infoPanel_11 .titleField h1{}
.infoPanel_11 .titleField h1 img{ display:block; margin:0 auto;}
.outline{ margin: 0 auto;max-width: 1158px;padding: 36px 2%; width: 96%; overflow:hidden}
.apppannel{ width:100%; color:#000}
.apppannel .Stable_01{ width:100%; margin:0; padding:0; border-top:1px solid #e0e0e0;; table-layout: fixed}
.apppannel .Stable_01 th{ border-bottom:1px solid #e0e0e0; padding:15px 0; font-size:20px}
.apppannel .Stable_01 th img{ vertical-align:middle; padding-right:12px}
.apppannel .Stable_01 td{ vertical-align:top; padding:15px 5px; font-size:14px;border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0}
.apppannel .Stable_01 td span{ font-size:20px}
.apppannel .Stable_01 .noborder{ border-right:0 none}
.apppannel .Stable_01 .tdwd{ width:200px; text-align:center}
.apppannel .Stable_01 .wd1{ width:320px; margin:0 auto; text-align:left; font-size:18px; font-weight:normal}
.apppannel .Stable_01 .wd2{ width:320px; margin:0 auto; text-align:left; font-size:18px; font-weight:normal}
.apppannel .Stable_01 td ul{}
.apppannel .Stable_01 td li{ background:url(../images/app_icon_03.gif) 0 50% no-repeat; padding:2px 0 2px 20px; font-size:14px}
.apppannel .Stable_01 td .ulstyle li{ background:url(../images/app_icon_04.gif) 0 50% no-repeat;}


.border{ border-top:1px dashed #e4e4e4; padding:30px 0 0}
.titleField{ width:1000px; margin:0 auto;}
.titleField h1{font-size:36px; color:#555555; text-align:center; line-height:42px; font-family:Arial,"微软雅黑";font-weight:normal}

.listField2{  overflow:hidden; width:100%; margin-top:40px;}
.listField2 .circle{ width:16%; display:inline-block;zoom:1;*display:inline; vertical-align:top; height:155px; padding: 0 0 30px;}
.listField2 .circle dl{ width:90px;  height:90px; border-radius:90px; font-size:16px; color:#000; background:#f4f4f4; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;}
.listField2 .circle dt{ width:100%; height:100%; line-height:30px; position:relative;}
.listField2 .circle dd{ color:#fff; width:100%; border-radius:90px; height:100%; position:absolute; background:#91dd5f; left:0; top:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform:rotate(-90deg) translate(80px,80px); -moz-transform:rotate(-90deg) translate(80px,80px); -o-transform:rotate(-90deg) translate(80px,80px); -ms-transform:rotate(-90deg) translate(80px,80px); transform:rotate(-90deg) translate(80px,80px); z-index:2;}
.listField2 .circle i{ position:absolute; top:20px; width:50px; height:50px; left:50%; margin-left:-25px; background:url(../images/icon_website_01.png) -90px -90px no-repeat;}
.listField2 .circle dd i{ background-image:url(../images/icon_website_02.png);}
.listField2 .circle p{ padding:10px 0 0; color:#666; font-size:14px;text-align:center}
.listField2 .circle dl p{ position:absolute; left:0; top:70px; width:100%; padding:0; text-align:center}
.listField2 .circle dd p{ color:#fff;}
.listField2 .circle dl:hover dd{ display:block; -webkit-transform:rotate(0) translate(0,0); -moz-transform:rotate(0) translate(0,0); -o-transform:rotate(0) translate(0,0); -ms-transform:rotate(0) translate(0,0); transform:rotate(0) translate(0,0)}
.listField2 .icon1 i{ background-position:-20px -20px;}
.listField2 .icon2 i{ background-position:-185px -20px;}
.listField2 .icon3 i{ background-position:-345px -20px;}
.listField2 .icon4 i{ background-position:-516px -20px;}
.listField2 .icon5 i{ background-position:-683px -20px;}
.listField2 .icon6 i{ background-position:-856px -20px;}
.listField2 .icon7 i{ background-position:-20px -108px;}
.listField2 .icon8 i{ background-position:-182px -108px;}
.listField2 .icon9 i{ background-position:-345px -108px;}
.listField2 .icon10 i{ background-position:-516px -108px;}
.listField2 .icon11 i{ background-position:-683px -108px;}
.listField2 .icon12 i{ background-position:-855px -108px;}
.listField2 .icon13 i{ background-position:-20px -200px;}
.listField2 .icon14 i{ background-position:-215px -200px;}
.listField2 .icon15 i{ background-position:-410px -200px;}
.listField2 .icon16 i{ background-position:-608px -200px;}
.listField2 .icon17 i{ background-position:-800px -200px;}

.button1{display:inline-block; padding:12px 30px;margin: 18px 0 0; font-size: 16px; color:#fff; text-transform:uppercase; background:#91dd5f;position:relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
a:link.button1{ color:#fff}
.button1:hover{color:#fff; background:#28b5d2}



/*滑动效果*/
@keyframes top_animate {
0% {opacity:0;transform:translate(0, -35px);}
100% {opacity:1;transform:translate(0, 0);}
}
@keyframes nav_animate {
0% {opacity:0;transform:translate(0, -40px);}
100% {opacity:1;transform:translate(0, 0);}
}
@keyframes content_animate {
0% {opacity:0;transform:translate(0, 50px);}
100% {opacity:1;transform:translate(0, 0);}
}
@keyframes qq_animate {
0% {opacity:0;transform:translate(200px, 0);}
100% {opacity:1;transform:translate(0, 0);}
}


/*视频*/
.title1{ font-size: 24px; color:#fff; line-height: 50px; text-align: center; padding: 80px 0px 40px 0px;}
.f1{ width:100%; height: 850px; background:#91dd5f;}
.f1m{ width:1200px; height: 850px; margin: 0px auto; position: relative;}
.f1img{	width: 410px;	height: 410px;	position: absolute;	left: 395px;	top: 260px; background: url(../images/f1m.png)}
.f1mm{ width:330px; height: 200px;}
.f1mm strong{ font-size: 26px; line-height: 60px; font-weight: 400; display: block;  color: #fff;}
.f1mm span{ font-size:16px; display: block; line-height: 50px; color: #fff;}
.f1mm span em{ font-size:36px; font-weight: 700; font-style: normal;}
.f1mm1{text-align: right;	position: absolute;	left:0px;	top: 260px;}
.f1mm2{	position: absolute;	right:0px;	top: 260px;}
.f1mm3{text-align: right;	position: absolute;	left:0px;	top: 550px;}
.f1mm4{	position: absolute;	right: 0px;	top: 550px;}
.f2{ width:100%; height: 400px; background: #111111; position: relative;}
.f2l{ width:50%; height: 400px; float: left;}
.f2r{ width:50%; height: 400px; float: right; background: url(../images/bgi1.jpg) left no-repeat;}
.f2lm{ width:600px; height: 400px; float: right;}
.f2lm strong{ width: 555px; font-family:"微软雅黑"; font-size: 24px; color: #fff; line-height: 50px; text-align: center; display: block; margin: 30px 0px 20px 0px; font-weight: 400;}
.f2lmm{ width:555px; height: 250px;}
.f2lmm1{ width:185px; height: 125px; background: #fff; line-height: 24px; font-size: 16px; font-family: "微软雅黑"; color: #333; text-align: center; float: left;}
.f2lmm2{ width:181px; height: 121px; border: 2px #fff solid; line-height: 24px; font-size: 16px; font-family: "微软雅黑"; color: #fff; text-align: center;  float: left;}
.f2lmm1 p{ width:185px; height: 125px; display:table-cell;vertical-align:middle; text-indent: 0;}
.f2lmm2 p{ width:181px; height: 121px; display:table-cell;vertical-align:middle; text-indent: 0;}
.f2lmm1 span{display:inline-block;vertical-align:middle; font-size: 16px;}
.f2lmm2 span{display:inline-block;vertical-align:middle; font-size: 16px;}
.f2rm{ width:600px; height: 400px; float: left;}
.f3{ width:100%; height: 400px; background: #91dd5f;}
.f3l{ width:50%; height: 400px; float: left; background: url(../images/bgi2.jpg) right no-repeat; }
.f3r{ width:50%; height: 400px; float: right; }
.f3lm{ width:600px; height: 400px; float: right;}
.f3rm{ width:600px; height: 400px; float: left;}
.f3rm strong{ width: 555px; font-family:"微软雅黑"; float: right; font-size: 24px; color: #fff; line-height: 50px; text-align: center; display: block; margin: 40px 0px 40px 0px; font-weight: 400;}
.f3rmm{ width:560px; height: 250px; float: right;}
.f3rmmt{ width:100px; height: 200px; float: left; text-align: center; margin: 0px 20px;}
.f3rmmt img{ margin:15px 0px;}
.f3rmmt span{ width:100px; height:80px; display: block; font-family: "微软雅黑"; font-size: 16px; line-height: 24px; text-align: left; color: #fff; margin-top: 10px;}
.f4{ width:100%; height: 400px; background: #111111;}
.f4l{ width:50%; height: 400px; float: left;background: url(../images/bgi31.jpg) right no-repeat;}
.f4r{ width:50%; height: 400px; float: right; background: url(../images/bgi32.jpg) left no-repeat;}
.f4lm{ width:600px; height: 400px; float: right;}
.f4rm{ width:600px; height: 400px; float: left;}
.f4lmm{ width:500px; height:180px; margin:110px 50px;}
.f4lmt{ width:200px; height:60px; margin-right:25px; float: left; color: #fff; font-family: "微软雅黑"; font-size: 16px; line-height:60px;}
.title2{ width:auto; text-align: center; padding:80px 0px 35px 0px;}
.title2 span{ display: block; color: #dedede; font-family:arial; font-size: 18px; text-transform: uppercase; line-height: 40px; }
.title2 span em{ background:url(../images/bg2.jpg) bottom repeat-x; font-style: normal; padding-bottom: 10px;}
.title2 strong{ display: block; color: #fff; font-family: "微软雅黑"; font-size: 30px; line-height: 50px;}
.title2 h3{ display:inline; color: #dedede; font-family: "微软雅黑"; font-size: 48px;}
.f8{ width:100%; height: 525px; background: #91dd5f;}
.f8_m{ width:1170px; height: 220px; margin: 40px auto;}
.f8_mm{ width:110px; height: 220px; float: left; margin: 0px 10px;}
.f8_mm span{ display:block; color: #fff; font-family: "微软雅黑"; font-size: 16px; line-height: 24px; text-align: center; margin: 40px 0px 0px 0px;}
.f8_mm1{ width:110px; height: 220px; float: left; margin: 0px 28px;}
.f8_mm1 span{ display:block; color: #fff; font-family: "微软雅黑"; font-size: 16px; line-height: 24px; text-align: center; margin: 40px 0px 0px 0px;}


/*视频案例*/
.index-title_{text-align:center; font-size:24px; font-weight:400; color:#000; position:relative;}
.index-title_ span{ color:#91dd5f}
.index-title{ text-align:center; position:relative; padding-top:10px;}
.index-title img{ height:40px}
.index-case{ min-width:1260px; padding:0 0 30px 0; overflow:hidden; background-color:#fff }
.index-case .main{ width:1260px; margin:0 auto; position:relative;}
.index-case .main .index-title_{ opacity:0; padding-top:30px}
.index-case .main .index-title{ opacity:0; left:-100px;}
.index-case .main .title_ span{ color:#F00;}
.index-case .main .title{ font-size:38px; text-align:center; color:#FFF; font-weight:200; position:relative; left:-100px; opacity:0}
.index-case .main .more{ position:absolute; top:140px; right:100px; padding-right:15px; opacity:0;}
.index-case .main .more a{ color:#666; font-size:14px; font-weight:100; transition: all 0.3s;}
.index-case .main .more:hover a{ color:#000;}
.index-case .main .more .more0{ position:absolute; width:10px; border:0; border-bottom:1px solid #666; top:13px;right:0; transition: all 0.5s;}
.index-case .main .more:hover .more0{ color:#000;}
.index-case .main .more .more0.more2{ transform:rotate(90deg);}
.index-case .main .more:hover .more0.more1{ top:9px;}
.index-case .main .more:hover .more0.more2{ transform:rotate(180deg);}
.index-case .main .more:hover .more0.more3{ top:17px;}
.index-case .main .caselist{ overflow:hidden; padding-top:50px;}
.index-case .main .caselist li{ float:left; width:400px; height:300px; background-color:#9F9; position:relative; top:50px; opacity:0;margin-right:15px; margin-bottom:50px}

.index-case .main li a{ display:block; position:absolute; width:100%; height:100%; left:0; top:0;}
.index-case .main li a .img{ position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden;}
.index-case .main li a .img img{ width:100%; height:100%; transform: scale(1); transition: all 1.5s ease-out;}
.index-case .main li a:hover .img img{transform: scale(1.5);}
.index-case .main li a .cover{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0; transition: all 1s;}
.index-case .main li a:hover .cover{ opacity:0.3;}
.index-case .main li a .txt{ position:absolute; width:100%; height:100%; z-index:10; top:0; left:0; overflow:hidden; text-align:center;}
.index-case .main li a .txt .logo{ height:60px; overflow:hidden; float:left; width:100%; margin-top:40px; text-align:center;}
.index-case .main li a .txt .logo img{ height:100%; margin-top:40px; opacity:0; transition: all 0.3s;}
.index-case .main li a:hover .txt .logo img{ margin-top:0; opacity:1;}
.index-case .main li a .txt .casetitle{ position:absolute; height:45px; line-height:45px; overflow:hidden; text-align:center; width:100%; background:url(../images/opacity30.png); color:#FFF; bottom:0; opacity:0; transition:all 0.3s;}
.index-case .main li a:hover .txt .casetitle{ opacity:1}
.index-case .main li a .txt .line{ width:0px; border:0px; border-bottom:0px solid #fff; margin:0 auto; padding-top:0px;  opacity:0;transition: all 0.8s;}
.index-case .main li a:hover .txt .line{ width:80%; opacity:1;}
.index-case .main li a .txt .play{ margin-top:10px;}
.index-case li .cover-more{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5;}
.index-case li .circle{ position:absolute; width:200px; height:200px; border:1px solid #FFF; border-radius:100px; top:50px; left:100px;}
.index-case li .circle1{ border:0px;}
.index-case li .circle2{opacity:0; transition: all 0.5s;}
.index-case li:hover .circle2{ border:1px solid #FFF; opacity:1; transform:scale(1.2)}
.index-case li:hover .circle3{ opacity:0;}
.index-case li .circle1 .line{ width:150px; border-top:1px solid #FFF; position:absolute; left:26px; top:101px;}
.index-case li .circle1 .line.line2{transform:rotateZ(90deg);}


.caselist-list{ overflow:hidden; padding-top:50px;}
.caselist-list li{ position:relative; width:390px; height:338px; margin: 5px; float:left; margin-bottom:40px; overflow:hidden; }
.caselist-list li .main{ position:relative; width:390px; height:293px; overflow:hidden;}
.caselist-list li .pic{ float:left; width:100%; height:100%; transition: all 1s ease-out;}
.caselist-list li:hover .pic{ transform:scale(1.2)}
.caselist-logo{ position:absolute; top:111px; left:160px; width:70px; height:70px;}
.caselist-list li:hover .caselist-logo{ display:none;}
.caselist-list-content{ display:block; position:absolute; width:100%; height:100%; background:url(../images/opacity30.png); z-index:2; top:0; left:0; opacity:0; transition: all 0.5s;}
.caselist-list li:hover .caselist-list-content{ opacity:1;}
.caselist-list-content .content{ position:relative; float:left; margin:20px;}
.caselist-list-content .content .line_{ width:35px; position:absolute; height:3px; background-color:#FFF; top:0; left:0;}
.caselist-list-content .content h3{ color:#FFF; font-size:18px; line-height:50px; font-weight:normal;}
.caselist-list-content .content .line{ width:50px; position:absolute; bottom:0; left:0; border-top:1px solid #fff; transition: all 0.5s;}
.caselist-list-content:hover .content .line{ width:100%;}
.caselist-list-content-logo{ text-align:center; padding:10px 0;}
.caselist-list-content-logo img{ height:80px;}
.caselist-list-content .icon-play-litle{ width:40px; height:40px; position:absolute; bottom:30px; right:30px;}
.caselist-list h2{ text-align:center; line-height:45px; position:relative}
.caselist-list h2 a{ color:#666; font-weight:normal; font-size:16px; line-height:45px; transition: 0.5s;}
.caselist-list li:hover h2 a{ color:#e60012}

.fix-right-nav { position:fixed; right:0;top:50%; width:46px;  color:#e60012 ;z-index:9999}
.fix-right-nav li{ display: block; width: 47px; height: 47px;  margin: 5px 0; }
.fix-right-nav li a{display: block;width: 46px; height: 45px;background-image: url(../images/go-top.png);transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s;}
.fix-right-nav a.get-prize{ background-position: 0 -100px;}
.fix-right-nav a.get-prize:hover{background-position: 0 -350px;}
.fix-right-nav a.get-activity{ background-position: 0 -50px;}
.fix-right-nav li a.get-activity:hover{background-position: 0 -300px;}
.fix-right-nav a.back-top{ background-position: 0 -150px;}
.fix-right-nav a.back-top:hover{ background-position: 0 -250px;}